{% extends 'simple.html' %}
{% load i18n %}
{% load static %}
{% load filters %}


{% block head %}
<link rel="stylesheet" href="{{ settings.HOSTNAME }}{% static 'css/fonts.hellix.css' %}"/>
<link rel="stylesheet" href="{{ settings.HOSTNAME }}{% static 'css/login.css' %}"/>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-129877673-1" nonce="{{request.csp_nonce}}"></script>
<script nonce="{{request.csp_nonce}}">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-129877673-1');
</script>
{% endblock %}

{% block content %}
<script nonce="{{request.csp_nonce}}">
  window.APP_SETTINGS = window.APP_SETTINGS ?? {};
  window.APP_SETTINGS.collect_analytics = {{ settings.COLLECT_ANALYTICS|yesno:"true,false" }};

  // Log event to the server, if analytics are enabled
  // This is a fallback for when the __lsa global is not defined
  // Normally this is a part of our main bundle but these pages do not use the main bundle
  // and this allows us to log events from these pages
  const logEvent = (eventName, metadata = {}) => {
    if (!window.APP_SETTINGS?.collect_analytics) return;

    const payload = {
      ...metadata,
      event: eventName,
      url: window.location.href,
    };

    window.requestIdleCallback(() => {
      const params = new URLSearchParams({ __: JSON.stringify(payload) });
      const url = `/__lsa/?${params}`;
      try {
        if (navigator.sendBeacon) {
          navigator.sendBeacon(url);
        } else {
          const img = new Image();
          img.src = url;
        }
      } catch {
        // Ignore errors here
      }
    });
  };
  if (!window.__lsa) {
    window.__lsa = logEvent;
  }
</script>

<script nonce="{{request.csp_nonce}}">
  const gaClientIdTrackingIframe = (event) => {
    if (!window.APP_SETTINGS?.collect_analytics) return;
    
    const iframe = document.createElement("iframe");
    window.addEventListener("message", (message) => {
      if(message.source === iframe.contentWindow && message.data.gaClientId) {
        sessionStorage.setItem('ls_gaclient_id', message.data.gaClientId);
      }
    });
    const origin = window.location.origin;
    iframe.src = `https://labelstud.io/track/?event=${event}&origin=${origin}`;
    iframe.style.display = "none";
    iframe.style.visibility = "hidden";
    document.body.appendChild(iframe);
  }
</script>

<div class="login_page_new_ui">
  <div class="left">
    <svg role="img" aria-label="Label Studio Logo" class="ls-logo" width="194" height="30" viewBox="0 0 194 30" fill="none" xmlns="http://www.w3.org/2000/svg">
      <title>Label Studio Logo</title>
      <g clip-path="url(#clip0_676_1267)">
        <rect x="3.57416" y="4.84192" width="22.637" height="21.4456" fill="#FFD6CD"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.4444 8.42013H0V0H8.4444V8.42013ZM30.025 8.42017H21.5806V3.32022e-05H30.025V8.42017ZM0 29.9385H8.4444V21.5183H0V29.9385ZM30.025 29.9385H21.5806V21.5183H30.025V29.9385ZM2.81439 8.42028H5.62919V21.5183H2.81439V8.42028ZM27.2099 8.42028H24.3951V21.5183H27.2099V8.42028ZM8.44461 2.80693H21.5803V5.61364H8.44461V2.80693ZM21.5803 24.3246H8.44461V27.1313H21.5803V24.3246Z" fill="#FF7557"/>
      </g>
      <path d="M41.1963 5.29477V21.8548H50.631V25.0091H37.9012V5.29477H41.1963Z" fill="currentColor"/>
      <path d="M65.9642 25.0091H62.8099V23.094C62.4719 23.7324 61.8899 24.2581 61.0638 24.6711C60.2376 25.0842 59.3552 25.2907 58.4164 25.2907C57.196 25.2907 56.0789 24.9716 55.065 24.3332C54.0511 23.6948 53.2531 22.8311 52.6711 21.7422C52.089 20.6532 51.798 19.4422 51.798 18.1091C51.798 16.7948 52.089 15.5932 52.6711 14.5042C53.2531 13.4152 54.0511 12.5515 55.065 11.9132C56.0789 11.2748 57.196 10.9556 58.4164 10.9556C59.3552 10.9556 60.2376 11.1621 61.0638 11.5752C61.8899 11.9883 62.4719 12.514 62.8099 13.1523V11.2372H65.9642V25.0091ZM54.8678 18.1091C54.8678 18.8977 55.0462 19.6111 55.4029 20.2495C55.7784 20.8879 56.2854 21.3948 56.9238 21.7703C57.5809 22.1271 58.2944 22.3054 59.0642 22.3054C59.834 22.3054 60.5662 22.1083 61.2609 21.714C61.9556 21.3197 62.4719 20.8128 62.8099 20.1932V16.0813C62.4907 15.4617 61.9838 14.9548 61.2891 14.5605C60.5944 14.1474 59.8527 13.9409 59.0642 13.9409C58.2756 13.9409 57.5621 14.1287 56.9238 14.5042C56.2854 14.8609 55.7784 15.3585 55.4029 15.9968C55.0462 16.6164 54.8678 17.3205 54.8678 18.1091Z" fill="currentColor"/>
      <path d="M72.3777 13.1523C72.7157 12.514 73.2977 11.9883 74.1238 11.5752C74.9687 11.1621 75.8512 10.9556 76.7712 10.9556C77.9916 10.9556 79.1088 11.2748 80.1226 11.9132C81.1365 12.5515 81.9345 13.4152 82.5165 14.5042C83.0986 15.5932 83.3896 16.7948 83.3896 18.1091C83.3896 19.4422 83.0986 20.6532 82.5165 21.7422C81.9345 22.8311 81.1365 23.6948 80.1226 24.3332C79.1088 24.9716 77.9916 25.2907 76.7712 25.2907C75.8512 25.2907 74.9687 25.0842 74.1238 24.6711C73.2977 24.2581 72.7157 23.7324 72.3777 23.094V25.0091H69.2516V5.29477H72.3777V13.1523ZM72.3777 20.1932C72.7157 20.8128 73.232 21.3197 73.9267 21.714C74.6214 22.1083 75.3536 22.3054 76.1234 22.3054C76.8932 22.3054 77.5973 22.1271 78.2357 21.7703C78.8928 21.3948 79.3998 20.8879 79.7565 20.2495C80.132 19.6111 80.3198 18.8977 80.3198 18.1091C80.3198 17.3205 80.132 16.6164 79.7565 15.9968C79.3998 15.3585 78.9022 14.8609 78.2639 14.5042C77.6255 14.1287 76.912 13.9409 76.1234 13.9409C75.3349 13.9409 74.5932 14.1474 73.8985 14.5605C73.2038 14.9548 72.6969 15.4617 72.3777 16.0813V20.1932Z" fill="currentColor"/>
      <path d="M92.1748 25.2907C90.8793 25.2907 89.687 24.9809 88.598 24.3613C87.5091 23.723 86.6454 22.8499 86.007 21.7422C85.3686 20.6344 85.0495 19.4046 85.0495 18.0528C85.0495 16.7385 85.3593 15.5462 85.9789 14.476C86.6172 13.387 87.4809 12.5328 88.5699 11.9132C89.6589 11.2748 90.8511 10.9556 92.1466 10.9556C93.367 10.9556 94.4842 11.2466 95.4981 11.8287C96.5119 12.4107 97.3099 13.1993 97.8919 14.1944C98.474 15.1895 98.765 16.2972 98.765 17.5177C98.765 17.8556 98.7274 18.3062 98.6523 18.8695H88.0911C88.2601 20.0148 88.7107 20.916 89.4429 21.5732C90.194 22.2303 91.1421 22.5589 92.2874 22.5589C93.0572 22.5589 93.7707 22.3993 94.4278 22.0801C95.1038 21.7422 95.5919 21.3103 95.8923 20.7846L98.3707 22.3054C97.8638 23.2442 97.0564 23.9765 95.9487 24.5022C94.8597 25.0279 93.6017 25.2907 92.1748 25.2907ZM95.5825 16.6164C95.4699 15.734 95.0756 15.0111 94.3997 14.4479C93.7238 13.8846 92.9258 13.603 92.0058 13.603C91.0107 13.603 90.1752 13.8752 89.4993 14.4197C88.8421 14.9454 88.4009 15.6777 88.1756 16.6164H95.5825Z" fill="currentColor"/>
      <path d="M104.502 25.0091H101.375V5.29477H104.502V25.0091Z" fill="currentColor"/>
      <path d="M120.561 5.01314C121.819 5.01314 123.077 5.28539 124.335 5.82988C125.612 6.35559 126.588 7.02213 127.264 7.82948L125.349 10.3923C124.692 9.71642 123.903 9.18131 122.983 8.78703C122.082 8.39274 121.19 8.1956 120.308 8.1956C119.407 8.1956 118.665 8.40213 118.083 8.81519C117.52 9.22825 117.238 9.76336 117.238 10.4205C117.238 10.9838 117.417 11.4532 117.773 11.8287C118.149 12.2042 118.609 12.5046 119.153 12.7299C119.717 12.9364 120.486 13.1805 121.463 13.4621C122.796 13.8377 123.875 14.2226 124.701 14.6168C125.546 14.9923 126.26 15.565 126.842 16.3348C127.443 17.0858 127.743 18.0809 127.743 19.3201C127.743 20.3903 127.452 21.3854 126.87 22.3054C126.307 23.2067 125.49 23.9295 124.42 24.474C123.35 25.0185 122.11 25.2907 120.702 25.2907C119.238 25.2907 117.792 24.9716 116.365 24.3332C114.938 23.6948 113.783 22.8875 112.901 21.9111L115.013 19.4891C115.877 20.3152 116.759 20.963 117.661 21.4324C118.562 21.883 119.576 22.1083 120.702 22.1083C121.791 22.1083 122.674 21.8548 123.35 21.3479C124.026 20.8409 124.363 20.1744 124.363 19.3483C124.363 18.8038 124.185 18.3626 123.828 18.0246C123.472 17.6679 123.021 17.3862 122.477 17.1797C121.932 16.9732 121.181 16.7385 120.223 16.4756C118.89 16.1189 117.801 15.7621 116.957 15.4054C116.13 15.0299 115.417 14.4666 114.816 13.7156C114.215 12.9458 113.915 11.9319 113.915 10.674C113.915 9.62254 114.197 8.66499 114.76 7.80131C115.342 6.93764 116.13 6.26172 117.126 5.77355C118.139 5.26661 119.285 5.01314 120.561 5.01314Z" fill="currentColor"/>
      <path d="M136.126 25.2062C134.568 25.2062 133.31 24.7369 132.352 23.7981C131.414 22.8405 130.944 21.5262 130.944 19.8552V14.2226H128.297V11.2372H130.944V7.54784H134.07V11.2372H137.675V14.2226H134.07V19.7144C134.07 20.503 134.305 21.132 134.774 21.6013C135.263 22.052 135.863 22.2773 136.577 22.2773C136.915 22.2773 137.272 22.2209 137.647 22.1083L137.816 24.8683C137.365 25.0936 136.802 25.2062 136.126 25.2062Z" fill="currentColor"/>
      <path d="M149.846 23.1785C149.433 23.8169 148.851 24.3332 148.1 24.7275C147.349 25.103 146.541 25.2907 145.678 25.2907C143.95 25.2907 142.58 24.7369 141.566 23.6291C140.552 22.5026 140.045 20.9911 140.045 19.0948V11.2372H143.171V18.5879C143.171 19.6956 143.462 20.5687 144.044 21.2071C144.645 21.8454 145.443 22.1646 146.438 22.1646C147.133 22.1646 147.78 21.9956 148.381 21.6577C149.001 21.3197 149.489 20.8597 149.846 20.2777L149.874 11.2372H153.028V25.0091H149.846V23.1785Z" fill="currentColor"/>
      <path d="M166.635 16.0813C166.315 15.4617 165.809 14.9548 165.114 14.5605C164.419 14.1474 163.678 13.9409 162.889 13.9409C162.1 13.9409 161.387 14.1287 160.749 14.5042C160.11 14.8609 159.603 15.3585 159.228 15.9968C158.871 16.6164 158.693 17.3205 158.693 18.1091C158.693 18.8977 158.871 19.6111 159.228 20.2495C159.603 20.8879 160.11 21.3948 160.749 21.7703C161.406 22.1271 162.119 22.3054 162.889 22.3054C163.659 22.3054 164.391 22.1083 165.086 21.714C165.78 21.3197 166.297 20.8128 166.635 20.1932V16.0813ZM155.623 18.1091C155.623 16.7948 155.914 15.5932 156.496 14.5042C157.078 13.4152 157.876 12.5515 158.89 11.9132C159.904 11.2748 161.021 10.9556 162.241 10.9556C163.18 10.9556 164.062 11.1621 164.889 11.5752C165.715 11.9883 166.297 12.514 166.635 13.1523V5.29477H169.761V25.0091H166.635V23.094C166.297 23.7324 165.715 24.2581 164.889 24.6711C164.062 25.0842 163.18 25.2907 162.241 25.2907C161.021 25.2907 159.904 24.9716 158.89 24.3332C157.876 23.6948 157.078 22.8311 156.496 21.7422C155.914 20.6532 155.623 19.4422 155.623 18.1091Z" fill="currentColor"/>
      <path d="M176.202 11.2372V25.0091H173.076V11.2372H176.202ZM174.654 4.84416C175.198 4.84416 175.667 5.0413 176.062 5.43559C176.475 5.82988 176.681 6.29927 176.681 6.84376C176.681 7.40702 176.475 7.8858 176.062 8.28009C175.667 8.67437 175.198 8.87152 174.654 8.87152C174.109 8.87152 173.64 8.67437 173.245 8.28009C172.851 7.8858 172.654 7.40702 172.654 6.84376C172.654 6.29927 172.851 5.82988 173.245 5.43559C173.64 5.0413 174.109 4.84416 174.654 4.84416Z" fill="currentColor"/>
      <path d="M185.962 10.9556C187.276 10.9556 188.477 11.2748 189.566 11.9132C190.655 12.5328 191.519 13.3964 192.157 14.5042C192.796 15.5932 193.115 16.8042 193.115 18.1373C193.115 19.4703 192.796 20.6813 192.157 21.7703C191.519 22.8593 190.655 23.723 189.566 24.3613C188.477 24.9809 187.276 25.2907 185.962 25.2907C184.628 25.2907 183.417 24.9809 182.328 24.3613C181.239 23.723 180.376 22.8593 179.737 21.7703C179.118 20.6813 178.808 19.4703 178.808 18.1373C178.808 16.8042 179.118 15.5932 179.737 14.5042C180.376 13.3964 181.239 12.5328 182.328 11.9132C183.436 11.2748 184.647 10.9556 185.962 10.9556ZM181.878 18.1373C181.878 18.9071 182.056 19.6111 182.413 20.2495C182.77 20.8691 183.258 21.3666 183.877 21.7422C184.516 22.0989 185.21 22.2773 185.962 22.2773C186.713 22.2773 187.398 22.0989 188.017 21.7422C188.637 21.3666 189.125 20.8691 189.482 20.2495C189.839 19.6111 190.017 18.9071 190.017 18.1373C190.017 17.3675 189.839 16.6634 189.482 16.025C189.125 15.3866 188.637 14.8891 188.017 14.5323C187.398 14.1568 186.713 13.9691 185.962 13.9691C185.21 13.9691 184.516 14.1568 183.877 14.5323C183.258 14.8891 182.77 15.3866 182.413 16.025C182.056 16.6634 181.878 17.3675 181.878 18.1373Z" fill="currentColor"/>
      <defs>
        <clipPath id="clip0_676_1267">
        <rect width="30.0245" height="29.9383" fill="white"/>
        </clipPath>
      </defs>
    </svg>
      
    <h3>A full-fledged open source solution for data labeling</h3>

    {% include 'users/new-ui/user_tips.html' %}

    <div class="by">
      Brought to you by
      <svg role="img" aria-label="Human Signal Logo" class="hs-logo" width="200" height="29" viewBox="0 0 200 29" fill="none" xmlns="http://www.w3.org/2000/svg">
        <title>Human Signal Logo</title>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.90591 1.20508C7.81569 1.20508 6.93188 2.08888 6.93188 3.17911V13.0941C6.93188 13.0989 6.9319 13.1037 6.93194 13.1085V8.13661H13.8633V15.0682H8.89912C8.90138 15.0682 8.90365 15.0682 8.90591 15.0682H18.8205C19.9108 15.0682 20.7946 14.1844 20.7946 13.0941V3.17911C20.7946 2.08888 19.9108 1.20508 18.8205 1.20508H8.90591Z" fill="#FFA663"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8886 21.999C12.9789 21.999 13.8627 21.1152 13.8627 20.025V15.0675H6.93137V8.13594H11.8951C11.893 8.13593 11.8908 8.13593 11.8886 8.13593H1.97403C0.883802 8.13593 -9.53674e-07 9.01973 -9.53674e-07 10.11V20.025C-9.53674e-07 21.1152 0.883802 21.999 1.97403 21.999H11.8886Z" fill="#FF7557"/>
        <path d="M130.18 0.889648C126.177 0.889648 123.279 3.35897 123.279 6.66131C123.279 10.8974 126.8 11.8663 129.926 12.7263C132.419 13.4125 134.661 14.0294 134.661 16.1816C134.661 18.1749 132.869 19.5434 130.33 19.5434C127.73 19.5434 125.759 18.3832 124.146 16.8659L122.323 19.0079C124.146 20.8822 127.163 22.3103 130.33 22.3103C134.811 22.3103 137.619 19.4542 137.619 16.1518C137.619 12.01 134.154 11.0121 131.038 10.1145C128.491 9.38087 126.177 8.71427 126.177 6.45306C126.177 4.81676 127.76 3.65648 129.971 3.65648C131.973 3.65648 134.004 4.51925 135.319 5.94729L137.021 3.71598C135.677 2.07968 132.809 0.889648 130.18 0.889648Z" fill="currentColor"/>
        <path d="M40.6758 1.18716V9.84466H29.7418V1.18716H26.844V22.0128H29.7418V12.5817H40.6758V22.0128H43.5736V1.18716H40.6758Z" fill="currentColor"/>
        <path d="M57.6096 7.49434V17.2824C56.803 18.7104 55.16 19.6029 53.4571 19.6029C51.1568 19.6029 49.6332 17.9666 49.6332 15.4081V7.49434H46.8549V15.8246C46.8549 19.7517 49.215 22.3103 52.8298 22.3103C54.8313 22.3103 56.7134 21.3582 57.6096 19.9004V22.0128H60.3581V7.49434H57.6096Z" fill="currentColor"/>
        <path d="M75.5629 9.78516C76.5488 8.47612 78.3114 7.19683 80.5221 7.19683C84.0771 7.19683 86.4671 9.54715 86.4671 13.2363V22.0128H83.7186V13.7123C83.7186 11.2727 82.3145 9.7554 80.074 9.7554C78.5504 9.7554 77.0268 10.7967 76.2799 12.0462C76.3397 12.3139 76.3695 12.6113 76.3994 12.9088L76.3994 12.909V22.0128H73.651V13.7123C73.651 11.2727 72.217 9.7554 70.0661 9.7554C68.423 9.7554 67.0488 10.6777 66.3617 12.0165V22.0128H63.5834V7.49434H66.3617V9.54715C67.0786 8.50587 68.5425 7.19683 70.9324 7.19683C73.0834 7.19683 74.6368 8.05961 75.5629 9.78516Z" fill="currentColor"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M100.628 7.49434V9.60665C99.8508 8.23811 97.8193 7.19683 95.758 7.19683C91.725 7.19683 88.6479 10.4992 88.6479 14.7535C88.6479 19.0079 91.725 22.3103 95.758 22.3103C97.7895 22.3103 99.8209 21.269 100.628 19.9004V22.0128H103.406V7.49434H100.628ZM96.2957 19.7219C93.4875 19.7219 91.3366 17.5799 91.3366 14.7535C91.3366 11.8975 93.4875 9.78516 96.2957 9.78516C98.0882 9.78516 99.8508 10.7967 100.628 12.2247V17.3121C99.8508 18.7104 98.0882 19.7219 96.2957 19.7219Z" fill="currentColor"/>
        <path d="M109.369 9.60665C110.265 8.14886 112.147 7.19683 114.119 7.19683C117.764 7.19683 120.094 9.7554 120.094 13.7123V22.0128H117.345V14.099C117.345 11.5405 115.822 9.90416 113.492 9.90416C111.819 9.90416 110.176 10.7967 109.369 12.2247V22.0128H106.591V7.49434H109.369V9.60665Z" fill="currentColor"/>
        <path d="M143.102 22.0128H140.324V7.49434H143.102V22.0128Z" fill="currentColor"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M157.742 7.49434V9.5769C156.965 8.20836 154.934 7.19683 152.872 7.19683C148.839 7.19683 145.762 10.4397 145.762 14.6048C145.762 18.7997 148.839 22.0425 152.872 22.0425C154.904 22.0425 156.935 21.031 157.742 19.6922V21.4772C157.742 23.9168 155.86 25.6424 153.35 25.6424C151.289 25.6424 149.407 24.9581 148.302 23.7681L146.897 25.6424C148.152 27.1894 150.841 28.1117 153.41 28.1117C157.533 28.1117 160.52 25.4936 160.52 21.507V7.49434H157.742ZM153.41 19.4839C150.602 19.4839 148.451 17.4014 148.451 14.6048C148.451 11.8082 150.602 9.7554 153.41 9.7554C155.202 9.7554 156.965 10.7372 157.742 12.1355V17.1336C156.965 18.5022 155.202 19.4839 153.41 19.4839Z" fill="currentColor"/>
        <path d="M166.357 9.60665C167.254 8.14886 169.136 7.19683 171.107 7.19683C174.752 7.19683 177.082 9.7554 177.082 13.7123V22.0128H174.334V14.099C174.334 11.5405 172.81 9.90416 170.48 9.90416C168.807 9.90416 167.164 10.7967 166.357 12.2247V22.0128H163.579V7.49434H166.357V9.60665Z" fill="currentColor"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M191.258 7.49434V9.60665C190.481 8.23811 188.45 7.19683 186.389 7.19683C182.356 7.19683 179.279 10.4992 179.279 14.7535C179.279 19.0079 182.356 22.3103 186.389 22.3103C188.42 22.3103 190.452 21.269 191.258 19.9004V22.0128H194.037V7.49434H191.258ZM186.926 19.7219C184.118 19.7219 181.967 17.5799 181.967 14.7535C181.967 11.8975 184.118 9.78516 186.926 9.78516C188.719 9.78516 190.481 10.7967 191.258 12.2247V17.3121C190.481 18.7104 188.719 19.7219 186.926 19.7219Z" fill="currentColor"/>
        <path d="M197.221 1.18716H200V22.0128H197.221V1.18716Z" fill="currentColor"/>
        <path d="M141.712 1.96089C140.848 1.96089 140.136 2.69774 140.136 3.53623C140.136 4.40014 140.848 5.11158 141.712 5.11158C142.55 5.11158 143.287 4.40014 143.287 3.53623C143.287 2.69774 142.55 1.96089 141.712 1.96089Z" fill="currentColor"/>
      </svg>
        
    </div>
  </div>
  <div class="right">
    {% block user_content %}
  </div>
</div>

  {% endblock %}
{% endblock %}
